<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <title>亿人宝 - 投资记录</title>
    <meta content="" name="keywords"/>
    <meta content="" name="description"/>
    <link rel="stylesheet" th:href="@{/css/common.css}"/>
    <link rel="stylesheet" th:href="@{/css/user.css}" type="text/css"/>
    <script th:src="@{/script/jquery.min.js}" type="text/javascript"></script>
    <script th:src="@{/script/common.js}" type="text/javascript"></script>
    <script th:src="@{/script/user.js}" type="text/javascript"></script>
    <script th:src="@{/layui/layer/layer.js}" type="text/javascript"></script>
    <link rel="stylesheet" th:href="@{/css/fenye.css}"/>
</head>
<body>
<div th:replace="common/public::head"></div>
<!--个人中心-->
<div class="wrapper wbgcolor">
    <div class="w1200 personal">
        <!--<div class="credit-ad"><img height="96" th:src="@{/images/clist1.jpg}" width="1200"></div>-->
        <div class="personal-left" id="personal-left">
            <ul>
                <!--
                     class="pleft-cur"：栅格选中
                -->
                <li><span><a th:href="@{/per/index(option = 1)}"><i class="dot dot1"></i>账户总览</a></span></li>
                <li><span><a style="font-size:14px;text-align:center;width:115px;padding-right:35px;" th:href="@{/cap/cap_List}">资金记录</a></span></li>
                <li class="pleft-cur"><span><a style="font-size:14px;text-align:center;width:115px;padding-right:35px;"
                                               th:href="@{/per/investlist(option = 1)}">投资记录</a></span></li>
                <li><span><a style="font-size:14px;text-align:center;width:115px;padding-right:35px;" th:href="@{/per/prolist}">回款计划</a></span></li>
                <li><span><a th:href="@{/per/thirdparty}"><i class="dot dot02"></i>开通第三方</a> </span></li>
                <li><span><a th:href="@{/per/torecharge}"><i class="dot dot03"></i>充值</a></span></li>
                <li><span><a th:href="@{/per/towithdrawal}"><i class="dot dot04"></i>提现</a></span></li>
                <li style="position:relative;"><span> <a th:href="@{/per/toredenvelopes(state = 1)}"> <i class="dot dot06"></i> 我的红包 </a> </span></li>
                <li style="position:relative;"><span> <a th:href="@{/per/tomessages}"><i class="dot dot08"></i>系统信息 </a> </span></li>
                <li><span><a th:href="@{/setUser/toView}"><i class="dot dot09"></i>账户设置</a></span></li>
            </ul>
        </div>
        <style type="text/css">
            .invest-tab .on a {
                color: #fff;
            }

            .pmain-conmain li:hover {
                width: 760px;
            }

            .pmain-conmain li .pmain-titleoperation a:hover {
                color: red;
            }
        </style>
        <div class="personal-main">
            <div class="personal-investnote" style="padding-bottom: 0px;">
                <h3><i>投资记录</i></h3>
                <div class="investnote-money">
                    <span>
                        <b class="fb">累计投资</b>
                        <br>
                        <i th:if="${zt == 1}">0.00</i>
                        <i th:if="${zt == 2 or zt ==3}" th:text="${mentsum.mon}">0.00</i>
                        元
                    </span>
                    <span>
                        <b class="fb">累计收益</b>
                        <br>
                        <i class="c-pink" th:if="${zt == 1}">0.00</i>
                        <i class="c-pink" th:if="${zt == 2 or zt== 3}" th:text="${revesum.pro}">0.00</i>
                        元
                    </span>
                    <span>
                        <b class="fb">待收本金</b>
                        <br>
                        <i th:if="${zt == 1 or zt == 2}">0.00</i>
                        <i th:if="${zt == 3}" th:text="${menpro.mon}">0.00</i>
                        元
                    </span>
                    <span class="none">
                        <b class="fb">待收收益</b>
                        <br>
                        <i th:if="${zt == 1 or zt == 2}">0.00</i>
                        <i th:if="${zt == 3}" th:text="${menpro.pro}">0.00</i>
                        元
                    </span>
                </div>
                <form action="" id="form" method="post" name="form">
                    <script type="text/javascript">
                        clearPage = function () {
                            PrimeFaces.ab({source: 'form:j_idt82', formId: 'form', process: 'form:j_idt82', params: arguments[0]});
                        }
                    </script>
                    <span id="form:dataTable">
                        <div class="pmain-connent">
                            <div class="pmain-contab" id="pmain-contab">
                                <ul>
                                    <a th:href="@{/per/investlist(option = 1)}"><li id="pmain-contab1" th:class="${option == 1} ? on : ''">投标中</li></a>
                                    <a th:href="@{/per/investlist(option = 2)}"><li id="pmain-contab2" th:class="${option == 2} ? on : ''">回款中</li></a>
                                    <a th:href="@{/per/investlist(option = 3)}"><li id="pmain-contab3" th:class="${option == 3} ? on : ''">已结束</li></a>
                                    <li class="li-other"></li>
                                </ul>
                            </div>
                        </div>
                        <div class="pmain-conmain" id="pmain-conmain">
                            <div class="pmain-conmain1" th:if="${option == 1}">
                                <div class="pmain-contitle" style="width: 760px;">
                                    <span class="pmain-titledate" style="width: 175px;font-weight: bold;color: #333;">交易时间</span>
                                    <span class="pmain-titleproject" style="width: 130px;font-weight: bold;color: #333;">项目</span>
                                    <span class="pmain-titletype" style="width: 50px;font-weight: bold;color: #333;">状态</span>
                                    <span class="pmain-titlemoney" style="width: 180px;padding-right: 40px;font-weight: bold;color: #333;padding-right: 95px;">我的投资</span>
                                    <span class="pmain-titleprofit" style="width: 104px;font-weight: bold;color: #333;">我的收益</span>
                                </div>
                                <ul style="float:left;">
                                    <div th:if="${size == 0}">
                                        <div style=" width:760px;height:200px;padding-top:100px; text-align:center;color:#d4d4d4; font-size:16px;">
                                            <img height="60" th:src="@{/images/nondata.png}" width="60">
                                            <br><br>
                                            暂无投资记录
                                        </div>
                                    </div>
                                    <div th:if="${size != 0}">
                                        <li th:each="bi:${invest.data}" th:if="${bi.invset_status == 1}">
                                            <span class="pmain-titledate" style="width: 175px;"
                                                  th:text="${#dates.format(bi.invest_date, 'yyyy-MM-dd HH:mm:ss')}">2015-10-1</span>
                                            <span class="pmain-titleproject" style="width: 130px;" th:text="${bi.name}">债权转让</span>
                                            <span class="pmain-titletype" style="width: 50px;" th:if="${bi.status == 1}">投标中</span>
                                            <span class="pmain-titletype" style="width: 50px;" th:if="${bi.status == 2}">回款中</span>
                                            <span class="pmain-titletype" style="width: 50px;" th:if="${bi.status == 3}">已结束</span>
                                            <span class="pmain-titlemoney" style="width: 180px;padding-right: 40px;padding-right: 95px;"
                                                  th:text="${bi.invest_money}">12000.00</span>
                                            <span class="pmain-titleprofit" style="width: 104px;" th:text="${bi.profit}">12000.00</span>
                                        </li>
                                        <!--分页显示：-->
                                        <div class="pagination" style="margin-top: 15px;width: 760px;" th:if="${size != 0}">
                                            <a th:class="${invest.currPage == 1} ? 'disabled' : ''" th:href="@{/per/investlist(currPage = 1, option = 1)}"
                                               title="首页">首页</a>
                                            <a th:class="${invest.currPage == 1} ? 'disabled' : ''"
                                               th:href="@{/per/investlist(currPage = ${invest.currPage - 1}, option = 1)}" title="上一页">上一页</a>

                                            <a th:if="${invest.totalPage > 4 && invest.currPage > 4}" th:text="...">...</a>
                                            <a th:class="${pagenum == invest.currPage} ? 'current' : ''"
                                               th:each="pagenum:${#numbers.sequence((invest.currPage > 4 ? (invest.currPage - 3) : 1), ((invest.currPage + 3) < invest.totalPage ? (invest.currPage + 3): invest.totalPage))}"
                                               th:href="@{/per/investlist(currPage = ${pagenum}, option = 1)}" th:text="${pagenum}">1</a>
                                            <a th:if="${invest.totalPage > 4 && (invest.currPage + 3) < invest.totalPage}" th:text="...">...</a>

                                            <a th:class="${invest.currPage == invest.totalPage} ? 'disabled' : ''"
                                               th:href="@{/per/investlist(currPage = ${invest.currPage + 1}, option = 1)}" title="下一页">下一页</a>
                                            <a th:class="${invest.currPage == invest.totalPage} ? 'disabled' : ''"
                                               th:href="@{/per/investlist(currPage = ${invest.totalPage}, option = 1)}" title="尾页">尾页</a>
                                        </div>
                                    </div>
                                </ul>
                            </div>
                            <div class="pmain-conmain2" th:if="${option == 2}">
                                 <div class="pmain-contitle" style="width: 760px;">
                                    <span class="pmain-titledate" style="width: 175px;font-weight: bold;color: #333;">交易时间</span>
                                    <span class="pmain-titleproject" style="width: 130px;font-weight: bold;color: #333;">项目</span>
                                    <span class="pmain-titletype" style="width: 50px;font-weight: bold;color: #333;">状态</span>
                                    <span class="pmain-titlemoney" style="width: 180px;padding-right: 40px;font-weight: bold;color: #333;padding-right: 95px;">我的投资</span>
                                    <span class="pmain-titleprofit" style="width: 104px;font-weight: bold;color: #333;">我的收益</span>
                                </div>
                                <ul style="float:left;">
                                    <div th:if="${size == 0}">
                                        <div style=" width:760px;height:200px;padding-top:100px; text-align:center;color:#d4d4d4; font-size:16px;">
                                            <img height="60" th:src="@{/images/nondata.png}" width="60">
                                            <br><br>
                                            暂无投资记录
                                        </div>
                                    </div>
                                    <div th:if="${size != 0}">
                                        <li th:each="pr:${invest.data}" th:if="${pr.invset_status == 1}">
                                            <span class="pmain-titledate" style="width: 175px;"
                                                  th:text="${#dates.format(pr.invest_date, 'yyyy-MM-dd HH:mm:ss')}">2015-10-1</span>
                                            <span class="pmain-titleproject" style="width: 130px;" th:text="${pr.name}">债权转让</span>
                                            <span class="pmain-titletype" style="width: 50px;" th:if="${pr.status == 1}">投标中</span>
                                            <span class="pmain-titletype" style="width: 50px;" th:if="${pr.status == 2}">回款中</span>
                                            <span class="pmain-titletype" style="width: 50px;" th:if="${pr.status == 3}">已结束</span>
                                            <span class="pmain-titlemoney" style="width: 180px;padding-right: 40px;padding-right: 95px;"
                                                  th:text="${pr.invest_money}">12000.00</span>
                                            <span class="pmain-titleprofit" style="width: 104px;" th:text="${pr.profit}">12000.00</span>
                                        </li>
                                        <!--分页显示：-->
                                        <div class="pagination" style="margin-top: 15px;width: 760px;" th:if="${size != 0}">
                                            <a th:class="${invest.currPage == 1} ? 'disabled' : ''" th:href="@{/per/investlist(currPage = 1, option = 2)}"
                                               title="首页">首页</a>
                                            <a th:class="${invest.currPage == 1} ? 'disabled' : ''"
                                               th:href="@{/per/investlist(currPage = ${invest.currPage - 1}, option = 2)}" title="上一页">上一页</a>

                                            <a th:if="${invest.totalPage > 4 && invest.currPage > 4}" th:text="...">...</a>
                                            <a th:class="${pagenum == invest.currPage} ? 'current' : ''"
                                               th:each="pagenum:${#numbers.sequence((invest.currPage > 4 ? (invest.currPage - 3) : 1), ((invest.currPage + 3) < invest.totalPage ? (invest.currPage + 3): invest.totalPage))}"
                                               th:href="@{/per/investlist(currPage = ${pagenum}, option = 2)}" th:text="${pagenum}">1</a>
                                            <a th:if="${invest.totalPage > 4 && (invest.currPage + 3) < invest.totalPage}" th:text="...">...</a>

                                            <a th:class="${invest.currPage == invest.totalPage} ? 'disabled' : ''"
                                               th:href="@{/per/investlist(currPage = ${invest.currPage + 1}, option = 2)}" title="下一页">下一页</a>
                                            <a th:class="${invest.currPage == invest.totalPage} ? 'disabled' : ''"
                                               th:href="@{/per/investlist(currPage = ${invest.totalPage}, option = 2)}" title="尾页">尾页</a>
                                        </div>
                                    </div>
                                </ul>
                            </div>
                            <div class="pmain-conmain3" th:if="${option == 3}">
                                 <div class="pmain-contitle" style="width: 760px;">
                                    <span class="pmain-titledate" style="width: 175px;font-weight: bold;color: #333;">交易时间</span>
                                    <span class="pmain-titleproject" style="width: 130px;font-weight: bold;color: #333;">项目</span>
                                    <span class="pmain-titletype" style="width: 50px;font-weight: bold;color: #333;">状态</span>
                                    <span class="pmain-titlemoney" style="width: 180px;padding-right: 40px;font-weight: bold;color: #333;">我的投资</span>
                                    <span class="pmain-titleprofit" style="width: 104px;font-weight: bold;color: #333;">我的收益</span>
                                    <span class="pmain-titleoperation" style="width: 50px;font-weight: bold;color: #333;">操作</span>
                                </div>
                                <ul style="float:left;">
                                    <div th:if="${size == 0}">
                                        <div style=" width:760px;height:200px;padding-top:100px; text-align:center;color:#d4d4d4; font-size:16px;">
                                            <img height="60" th:src="@{/images/nondata.png}" width="60">
                                            <br><br>
                                            暂无投资记录
                                        </div>
                                    </div>
                                    <div th:if="${size != 0}">
                                        <li th:each="en:${invest.data}" th:if="${en.invset_status == 1}">
                                            <span class="pmain-titledate" style="width: 175px;"
                                                  th:text="${#dates.format(en.invest_date, 'yyyy-MM-dd HH:mm:ss')}">2015-10-1</span>
                                            <span class="pmain-titleproject" style="width: 130px;" th:text="${en.name}">债权转让</span>
                                            <span class="pmain-titletype" style="width: 50px;" th:if="${en.status == 1}">投标中</span>
                                            <span class="pmain-titletype" style="width: 50px;" th:if="${en.status == 2}">回款中</span>
                                            <span class="pmain-titletype" style="width: 50px;" th:if="${en.status == 3}">已结束</span>
                                            <span class="pmain-titlemoney" style="width: 180px;padding-right: 40px;"
                                                  th:text="${en.invest_money}">12000.00</span>
                                            <span class="pmain-titleprofit" style="width: 104px;" th:text="${en.profit}">12000.00</span>
                                            <span class="pmain-titleoperation" style="width: 50px;"><!--@{/per/delinvest(id = ${en.id})}-->
                                                <a href="javascript:" th:onclick="|return del_investen(${en.id})|">删除</a>
                                            </span>
                                            <!--分页显示：-->
                                            <div class="pagination" style="margin-top: 15px;width: 760px;" th:if="${size != 0}">
                                                <a th:class="${invest.currPage == 1} ? 'disabled' : ''" th:href="@{/per/investlist(currPage = 1, option = 3)}"
                                                   title="首页">首页</a>
                                                <a th:class="${invest.currPage == 1} ? 'disabled' : ''"
                                                   th:href="@{/per/investlist(currPage = ${invest.currPage - 1}, option = 3)}" title="上一页">上一页</a>

                                                <a th:if="${invest.totalPage > 4 && invest.currPage > 4}" th:text="...">...</a>
                                                <a th:class="${pagenum == invest.currPage} ? 'current' : ''"
                                                   th:each="pagenum:${#numbers.sequence((invest.currPage > 4 ? (invest.currPage - 3) : 1), ((invest.currPage + 3) < invest.totalPage ? (invest.currPage + 3): invest.totalPage))}"
                                                   th:href="@{/per/investlist(currPage = ${pagenum}, option = 3)}" th:text="${pagenum}">1</a>
                                                <a th:if="${invest.totalPage > 4 && (invest.currPage + 3) < invest.totalPage}" th:text="...">...</a>

                                                <a th:class="${invest.currPage == invest.totalPage} ? 'disabled' : ''"
                                                   th:href="@{/per/investlist(currPage = ${invest.currPage + 1}, option = 3)}" title="下一页">下一页</a>
                                                <a th:class="${invest.currPage == invest.totalPage} ? 'disabled' : ''"
                                                   th:href="@{/per/investlist(currPage = ${invest.totalPage}, option = 3)}" title="尾页">尾页</a>
                                            </div>
                                        </li>
                                    </div>
                                </ul>
                            </div>
                        </div>
                    </span>
                </form>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>
<!--网站底部-->
<div class="ft" id="footer">
</div>
<script type="text/javascript">
    function del_investen(id) {
        if (confirm('确认删除该条记录吗？')) {
            location.href = '[[@{/per/updinvest}]]?id=' + id;
        }
    }
</script>
</body>
</html>
